<!-- 登录 -1 -->
<template>
	<view>
		<view class="login_blue">
			<view class="w90 f b c" style="margin-top:140rpx;">
				<view class="vw55 f d m_t_40">
					<view>
						<text class="white fs40">欢迎来到</text>
					</view>
					<view class="vw50 f b c p_t_40">
						<image style="width: 72rpx;height: 72rpx;" src="../../../../static/img/015.png" mode=""></image>
						<text class="fs46 white">名称名称名称</text>
					</view>
				</view>
				<view>
					<image style="width: 272rpx;height: 260rpx;" src="../../../../static/img/142.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="login_box">
			<view class="w90s f b c">
				<input class="mimakuan hui" v-model="mima" placeholder="请输入原密码" @blur="pass"></input>
			</view>
			<view class="xian"></view>
			<view class="w90 f b c">
				<input class="mimakuan hui" v-model="mimas" placeholder="请输入新密码" @blur="pass"></input>
			</view>
			<view class="xian"></view>
			<view class="w90 f b c">
				<input class="mimakuan hui" v-model="mimasa" placeholder="请重复输入新密码" @blur="pass"></input>
			</view>
			<view class="xian"></view>
			<u-button class="he fs32" :ripple="true" @click="confirm" :hair-line="false" ripple-bg-color="rgba(255, 255, 255, 1.0)" >确定</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mima: '',
				mimas: '',
				mimasa: '',
			}
		},
		methods: {
			pass() {
				if (this.mima == "") {
					uni.showToast({
						title: '原密码不能为空',
						icon: 'none', //如果要纯文本，不要icon，将值设为'none'
						duration: 2000 //持续时间为 2秒
					})
				}
				if (this.mimas == "") {
					uni.showToast({
						title: '新密码不能为空',
						icon: 'none', //如果要纯文本，不要icon，将值设为'none'
						duration: 2000 //持续时间为 2秒
					})
				}
				if (this.mimasa == "") {
					uni.showToast({
						title: '请重复输入新密码',
						icon: 'none', //如果要纯文本，不要icon，将值设为'none'
						duration: 2000 //持续时间为 2秒
					})
				}
			},
			numb() {
				if (this.phone == "") {
					uni.showToast({
						title: '手机号不能为空',
						icon: 'none', //如果要纯文本，不要icon，将值设为'none'
						duration: 2000 //持续时间为 2秒
					})
				} else if (this.phone.length != 11) {
					uni.showToast({
						title: '请输入11位',
						icon: 'none', //如果要纯文本，不要icon，将值设为'none'
						duration: 2000 //持续时间为 2秒
					})
					// this.phone = '';
					return false;
				} else if (!/^[1][3,4,5,7,8,9][0-9]{9}$/.test(this.phone)) {
					uni.showToast({
						title: '请输入有效的手机号',
						icon: 'none', //如果要纯文本，不要icon，将值设为'none'
						duration: 2000 //持续时间为 2秒
					})
					// this.phone = '';
				}
			},
			// 确定按钮
			confirm() {
				
			}
		}
	}
</script>

<style scoped>
	.mimakuan{
		outline: none;
		font-size: 32rpx;
		margin-top: 20rpx;
		border: none;
		flex: auto;
		
		   
	}
	.yanjin {
		margin-top: 10rpx;
		width: 32rpx;
		height: 32rpx;
	}
	
	.tu {
		width: 100%;
		height: 408rpx;
	}
	
	.tu2 {
		width: 240rpx;
		height: 240rpx;
	}
	
	.xian {
		width: 590rpx;
		height: 2rpx;
		border: 2rpx solid #e7e7e7;
		margin:0 auto;
		margin-top:20rpx;
	}
	.login_blue{
		width: 750rpx;
		height: 644rpx;
		background: #1f73f2;
		border-radius:0 0 140rpx 140rpx;
		overflow:hidden;
		position:relative;
	}
	.flexauto{
		margin-left:500rpx;
		margin-top:20rpx;
	}
	.login_box{
		width: 686rpx;
		height: 446rpx;
		background: #ffffff;
		border-radius: 16rpx;
		box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0,0,0,0.15);
		margin:0 auto;
		position:absolute;
		top:400rpx;
		left:32rpx;
	}
	.he {
		width: 590rpx;
		height: 88rpx;
		background: #557bf3;
		border-radius: 12rpx;
		margin-top:40rpx;
		line-height: 80rpx;
		color: #FFFFFF;
	}
	.w90>input{
		font-size:28rpx;
	}
	.w90s>input{
		font-size:28rpx;
	}
</style>
